<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/mine.css">
    <link rel="stylesheet" href="./css/tabbar.css">
    <title>我的矿机</title>
</head>

<body>
    <div class="mine">
        <div class="m-header">我的矿机</div>
        <div class="m-banner">
            <div class="m-kj kj-active">正常矿机</div>
            <div class="m-kj">到期矿机</div>
        </div>

        <!-- 矿机情况 -->
        <div class="status">
            <div class="s-title">
                <div class="s-type">矿机类型</div>
                <div>运行时间</div>
                <div>已领</div>
                <div>状态</div>
                <div class="s-num">编号</div>
            </div>

            <div class="s-item">
                <div class="item-type">
                    <img src="./img/一级矿机.png" alt="">
                    <p>微型矿机</p>
                    <p>预计0.242455/小时</p>
                </div>

                <div class="item-time">
                    4/720
                </div>
                <div class="item-time">
                    0.0913
                </div>
                <div class="item-time">
                    正常
                </div>
                <div class="item-num">
                    I116951930
                </div>

            </div>

            <div class="s-item">
                <div class="item-type">
                    <img src="./img/一级矿机.png" alt="">
                    <p>微型矿机</p>
                    <p>预计0.242455/小时</p>
                </div>

                <div class="item-time">
                    4/720
                </div>
                <div class="item-time">
                    0.0913
                </div>
                <div class="item-time">
                    正常
                </div>
                <div class="item-num">
                    I116951930
                </div>

            </div>

            <div class="s-item">
                <div class="item-type">
                    <img src="./img/一级矿机.png" alt="">
                    <p>微型矿机</p>
                    <p>预计0.242455/小时</p>
                </div>

                <div class="item-time">
                    4/720
                </div>
                <div class="item-time">
                    0.0913
                </div>
                <div class="item-time">
                    正常
                </div>
                <div class="item-num">
                    I116951930
                </div>

            </div>

            <div class="s-item">
                <div class="item-type">
                    <img src="./img/一级矿机.png" alt="">
                    <p>微型矿机</p>
                    <p>预计0.242455/小时</p>
                </div>

                <div class="item-time">
                    4/720
                </div>
                <div class="item-time">
                    0.0913
                </div>
                <div class="item-time">
                    正常
                </div>
                <div class="item-num">
                    I116951930
                </div>

            </div>
        </div>

        <!-- 按钮 -->
        <div class="m-button">
            <p>一键领取</p>
        </div>



    </div>
    <div class="TabBar">
        <router-link to="/home" class="TabBarItem">
            <div>
                <img src="./img/tb-1.png" alt />
            </div>
            <div class="tabtext">首页</div>
        </router-link>

        <router-link to="/mine" class="TabBarItem">
            <div>
                <img src="./img/tbActive-2.png" alt />
            </div>
            <div class="tabtext tabtextActive">我的矿机</div>
        </router-link>

        <router-link to="/buy" class="TabBarItem">
            <div>
                <img src="./img/tb-3.png" alt />
            </div>
            <div class="tabtext">交易大厅</div>
        </router-link>

        <router-link to="/group" class="TabBarItem">
            <div>
                <img src="./img/tb-5.png" alt />
            </div>
            <div class="tabtext">我的团队</div>
        </router-link>

        <router-link to="/member" class="TabBarItem">
            <div>
                <img src="./img/tb-4.png" alt />
            </div>
            <div class="tabtext">会员中心</div>
        </router-link>

    </div>
</body>

</html>